<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>注册</title>
    <link rel="stylesheet" href="../src/css/weui.css">
    <script src="../src/js/libs/jquery-3.0.0.min.js"></script>
    <script src="../src/js/main.js"></script>
    <style>
        body{
            font: 1rem/1em "微软雅黑";
        }
        /* 顶部样式 */
        .weui_cell.top{
            line-height: 5rem;
        }
        /* 头像 */
        .weui_cell.top .weui_cell_hd{
            display: block;
            background: url("../src/images/icons.png") no-repeat;
            background-size: 18.0625rem 11.08333rem;
            width: 3.125rem;
            height:3.125rem;
            background-position: 0 -5.625rem;
            margin-left: 1.0625rem;
            margin-right: 1.46875rem;
        }

        /* 验证码样式 */
        .weui_cell_ft.button .weui_btn{
            font-size: 1rem;
            line-height: 1.5rem
        }
    </style>
</head>
<body>

<div class="weui_cell top">
    <div class="weui_cell_hd"></div>
    <div class="weui_cell_bd weui_cell_primary">
        <p>广州捷泰维修厂</p>
    </div>
</div>

<div class="weui_cells weui_cells_form">
    <div class="weui_cell">
        <div class="weui_cell_hd"><label class="weui_label">用户名</label></div>
        <div class="weui_cell_bd weui_cell_primary">
            <input class="weui_input" type="text"  placeholder="请输入用户名">
        </div>
    </div>
    <div class="weui_cell ">
        <div class="weui_cell_hd"><label class="weui_label">手机号</label></div>
        <div class="weui_cell_bd weui_cell_primary">
            <input class="weui_input" type="number" pattern="[0-9]*" placeholder="请输入手机号">
        </div>
    </div>
    <div class="weui_cell  weui_cell_warn">
        <div class="weui_cell_hd"><label class="weui_label">验证码</label></div>
        <div class="weui_cell_bd weui_cell_primary">
            <input class="weui_input" type="text"  placeholder="请输入验证码">
        </div>
        <div class="weui_cell_ft button">
            <a class="weui_btn weui_btn_plain_primary" href="javascript:">获取验证码</a>
        </div>
    </div>
    <div class="weui_cell ">
        <div class="weui_cell_hd"><label class="weui_label">登陆密码</label></div>
        <div class="weui_cell_bd weui_cell_primary">
            <input class="weui_input" type="password" placeholder="请输入密码">
        </div>
    </div>
    <div class="weui_cell ">
        <div class="weui_cell_hd"><label class="weui_label">确认密码</label></div>
        <div class="weui_cell_bd weui_cell_primary">
            <input class="weui_input" type="password" placeholder="请再次输入密码">
        </div>
        <div class="weui_cell_ft">
        </div>
    </div>
</div>

    <div class="weui_btn_area">
        <a class="weui_btn weui_btn_primary" id="button" href="javascript:">注册</a>
    </div>
</body>
</html>